/*
THEME NAME: Usando
THEME URI: http://usando.info/
DESCRIPTION: Custom theme for Juan Carlos Camus
VERSION: v1.0
AUTHOR: 3DIAS Agencia Digital
AUTHOR URI: http://3dias.cl/
TAGS: usando.info, Juan Carlos Camus, usabilidad, AI, Chile
*/

@font-face {
	font-family: 'Arial Rounded MT Bold';
	src: url('/fonts/ArialRoundedBold.ttf');
	}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 150%;
}

div#wrapper {

}

div#headerwrapper {
width: 100%;
height: 165px;
background: #000;
}

div#header, div#container, div#footer {
width: 960px;
margin: 0 auto;
position: relative;
}

div#headerbubblewrapper {
background: transparent url(img/fondo-negro-texturado.png) top center no-repeat;
}

div#header {
height: 165px;
}

div#header h1#blog-title {
width: 216px;
height: 74px;
background: transparent url(img/logo-usando.png) top left no-repeat;
position: absolute;
top: 40px;
left: 25px;
overflow: hidden;
text-indent: -999px;
}

div#header div#blog-description, div#access, hr {
display: none;
}

div#header div#menu {
position: absolute;
left: 0;
bottom: -6px;
height: 35px;
}

div#header div#menu ul li, div#header div#act-menu ul li, div#access-nav ul li {
display: inline-block;
margin: 0;
padding: 0;
}

div#header div#menu ul li a {
display: block;
width: 104px;
height: 19px;
padding: 5px;
color: #fff;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
background: transparent url(img/sprite.png) -56px -113px no-repeat;
margin: 0;
overflow: hidden;
text-align: center;
}

div#header div#menu ul li a:hover, div#header div#menu ul li.current_page_item a {
background: transparent url(img/sprite.png) -56px -78px no-repeat;
color: #666;
}

div#header div#act-menu {
position: absolute;
bottom: 0;
right: 0;
}

div#header div#act-menu ul li a {
display: block;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -999px;
background: transparent url(img/sprite.png) -230px 0 no-repeat;
}

div#header div#act-menu ul li a:hover {
background-position: -230px -40px;
}

div#header div#act-menu ul li + li a {
background-position: -190px 0;
}

div#header div#act-menu ul li + li a:hover {
background-position: -190px -40px;
}

div#header form#searchform {
position: absolute;
top: 10px;
right: 5px;
width: 310px;
height: 30px;
}

div#header form#searchform input[type="text"] {
height: 24px;
width: 225px;
font-size: 1.2em;
margin: 1px 7px 0 0;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
}

div#header form#searchform input[type="submit"] {
display: inline-block;
width: 70px;
height: 31px;
background: transparent url(img/sprite.png) 0 0 no-repeat;
border: 0;
overflow: hidden;
text-indent: -999px;
font-size: 0;
float: right;
}


div#container {
width: 960px;
background: transparent url(img/home-sidebar-bg.png) 482px 0 repeat-y;
}

div#content {
width: 420px;
float: left;
}

div#nav-above {
display:none;
}

div#nav-below {
height: 30px;
font-size: .8em;
margin: 30px auto 10px auto;
width: 480px;
}

div#nav-below a {
color: #ef5a0b;
text-decoration: none;
}

div#nav-below a:hover {
text-decoration: underline;
}

div.nav-previous {
float: left;
}

div.nav-next {
float: right;
}


div.post, div.page {
width: 465px;
margin: 0px;
padding-top: 30px
}

div#content div#blog-title {
height: 50px;
}

div#content div#blog-title h2.entry-title {
float: left;
}

div#content h2.entry-title {
font-size: 1.75em;
font-weight: bold;
text-align: left;
width: 400px;
line-height: 120%;
}

div#content h2.entry-title a {
text-decoration: none;
color: #000;
}

div#content h2.entry-title a:hover {
color: #ef5a0b;
}

div#content div.entry-date {
float: right;
}

div.entry-date {
width: 57px;
height: 42px;
padding-top: 8px;
line-height: 140%;
background: transparent url(img/sprite.png) 0 -84px no-repeat;
font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
text-align: center;
}

div.entry-date span {
text-transform: uppercase;
font-size: .8em;
}

div.entry-date h5 {
font-size: 1.5em;
font-weight: bold;
text-shadow: 0px 1px 0px #fff;
}

div#content div.entry-meta {
clear: both;
margin: 10px 0 0 0;
height: 30px;
}

div#content div.entry-meta span.tag-links {
color: #4b5056;
font-size: 0.7em;
text-transform: uppercase;
}

div#content div.entry-meta span.tag-links a {
color: #ef5a0b;
text-decoration: none;
}

div#content div.entry-meta span.tag-links a:hover {
text-decoration: underline;
}

div#content div.entry-meta span.comments-link a {
display: block;
float: right;
width: 26px;
height: 21px;
padding-top: 1px;
color: #fff;
font-weight: bold;
text-decoration: none;
background: transparent url(img/sprite.png) -26px -62px no-repeat;
text-align: center;
font-size: .583em;
}

div#content div.entry-meta span.comments-link a:hover {
background-position: 0 -62px;
text-decoration: none;
}

div#content div.entry-content {
font-size: .9em;
text-align: justify;
margin-top: 20px;
}

/* Comentarios */
div#comments {
width: 480px;
}

div#comments h3 {
font-size: 1.167em;
font-weight: bold;
margin-bottom: 10px;
}

div#comments ol {
margin: 0 0 0 5px;
}

div#comments ol li.comment {
position: relative;
margin-bottom: 15px;
background: #ffc2a3;
padding: 8px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 440px;
}

div#comments ol li.comment p {
margin-left: 36px;
width: 80%;
line-height: 170%;
font-size: 1.01em;
color: #3f3e3e;
text-align: justify;
}

div#comments ol li.comment a {
color: #ef5a0b;
text-decoration: none;
}

div#comments ol li.comment a:hover {
text-decoration: underline;
}


div#comments ol li.comment div.comment-author img {
float: left;
margin: 0 5px 2px 0;
}

div#comments ol li.comment div.comment-author span a {
font-size: 1.1em;
font-weight: bold;
color: #212121;
}

div#comments ol li.comment div.comment-meta {
font-size: .8em;
color: #3f3e3e;
}

div#comments p, div#comments label {
font-size: .8em;
}

div#comments span.required {
font-size: .8em;
color: #ef5a0b;
}

div#comments input {
margin-bottom: 10px;
}

div.sidebar {
float: right;
margin: 30px 0 40px 0;
}

div#primary {
width: 190px;
padding-right: 30px;
}

div#secondary {
width: 190px;
padding-right: 30px;

}

div.sidebar ul li ul {
margin: 10px 0 20px 10px;
}

div.sidebar ul li ul li {
margin: 0 0 5px 10px;
list-style: disc;
font-weight: bold;
font-size: .917em;
}

div.sidebar ul li ul li ul {
margin: 5px 0 0 5px;
}

div.sidebar ul li ul li ul li {
font-size: 0.8em;
}

div.sidebar a {
color: #212121;
text-decoration: none;
}

div.sidebar a:hover {
text-decoration: underline;
}


div#primary ul li h3 {
font-size: 1.6em;
font-family: "Arial Rounded MT Bold", Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-weight: bold;
margin: 0;
color: #345eca;
}

div#secondary ul li h3 {
font-size: 1.6em;
font-family: "Arial Rounded MT Bold", Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-weight: bold;
margin: 0;
color: #ef5a0b;
}

div#footer {
margin: 0 0 16px 0;
background: transparent url(img/sombra-horizontal.png) top left repeat-x;
padding-top: 16px;
text-align: center;
width: 100%;
}

div#footerwrapper {
width: 960px;
margin: 0 auto;
position: relative;
}

div#footer div#access-nav {
position: absolute;
top: -60px;
right: 0;
}

div#footer div#access-nav ul li a {
display: block;
width: 30px;
height: 36px;
overflow: hidden;
text-indent: -999px;
background: transparent url(img/sprite.png) -70px 0 no-repeat;
}

div#footer div#access-nav ul li a:hover {
background-position: -70px -36px;
}

div#footer div#access-nav ul li + li a {
background-position: -100px 0;
}

div#footer div#access-nav ul li + li a:hover {
background-position: -100px -36px;
}

div#footer div#legal {
height: 32px;
width: 68px;
margin: 5px auto;
}

div#footer div#legal span#generator-link a {
display: block;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -999px;
text-align: left;
background: transparent url(img/wp-32.png) 0 0 no-repeat;
opacity: .6;
float: left;
}

div#footer div#legal span#generator-link a:hover {
opacity: .9;
}

div#footer div#legal a.creativecommons {
display: block;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -999px;
text-align: left;
background: transparent url(img/cc.png) 0 0 no-repeat;
opacity: .4;
float: right;
}

div#footer div#legal a.creativecommons:hover {
opacity: .9;
}

div#footer a#tresdias {
display: block;
width: 94px;
height: 16px;
overflow: hidden;
text-indent: -999px;
text-align: left;
background: transparent url(img/foot3dias.png) 0 0 no-repeat;
margin: 5px auto;
}

div#footer a#tresdias:hover {
background-position:  0 -16px;
}


/* Estilos Home */

body.home div#container /* #container */ {
/*background: transparent url(img/sombra-vertical.png) 620px 0 repeat-y;*/
background: transparent url(img/home-sidebar-bg.png) 450px 0 repeat-y;
}

body.home div#content /* #container #content */ {
width: 440px;
float: left;
padding: 32px 0 0 0;
}

body.home div#container h2.tit-home {
font-size: 1.6em;
font-family: "Arial Rounded MT Bold", Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-weight: bold;
margin: 0 0 0 0;
color: #ef5a0b;
}

body.home div#container div.post {
margin: 0px 0 0 0;
width: 440px;
padding-bottom: 50px;
}

body.home div#container div.post h2.entry-title {
/*width: 450px;*/
font-size: 1.75em;
font-weight: bold;
text-align: left;
width: 380px;
line-height: 120%;
float: left;
}

div#container div#homesidebar2 h2.tit-home {
color: #345eca;
padding-left: 26px;
}

div#container div#homesidebar1 h2.tit-home {
color: #4b5056;
padding-left: 0px;
}

div#container div#homesidebar1 {
width: 262px;
padding: 32px 0 60px 10px;
float: right;
}

div#container div#homesidebar2 {
width: 245px;
padding: 32px 0 60px 0;
float: right;
}

div#minipost {
margin: 14px 10px 0 26px;
}

div#minipost h2.entry-title {
font-size: 1.333em;
font-weight: bold;
text-align: left;
line-height: 100%;
}

div#minipost h2.entry-title a {
text-decoration: none;
color: #000;
}

div#minipost h2.entry-title a:hover {
color: #ef5a0b;
}

div#minipost div.entry-date {
margin-right: 10px;
float: left;
}

div#minipost div.entry-content {
font-size: .8em;
text-align: justify;
}

a.readmore-blue {
display: block;
width: 88px;
height: 23px;
padding-top: 6px;
background: transparent url(img/more-blue.png) 59px 0 no-repeat;
overflow: hidden;
float: right;
text-decoration: none;
color: #345eca;
font-weight: bold;
text-transform: lowercase;
}

a.readmore-blue:hover, a.readmore-orange:hover {
text-decoration: underline;
background-position: 59px -29px;
}

a.readmore-orange {
display: block;
width: 88px;
height: 23px;
padding-top: 6px;
background: transparent url(img/more-orange.png) 59px 0 no-repeat;
overflow: hidden;
float: right;
text-decoration: none;
color: #ef4a0b;
font-weight: bold;
text-transform: lowercase;
}

div#container div#homesidebar1 div#profile, div#container div#homesidebar1 ul li.widget {
margin: 14px 0 0 0;
font-size: .9em;
color: #3f3e3e;
list-style: none;
}

div#container div#homesidebar1 ul li.widget {
margin-top: 30px;
}

div#container div#homesidebar1 li.widget_twitter {
width: 272px;
}

div#container div#homesidebar1 li.widget_twitter ul.twitter {
width: 260px;
margin: 5px auto;
}

div#container div#homesidebar1 li.widget_twitter ul.twitter li {
margin-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid #ccc;
}

div#container div#homesidebar1 li.widget_twitter ul.twitter li a {
color: #ef5a0b;
}

div#container div#homesidebar1 li.widget_twitter ul.twitter li a.twitter-user {
text-decoration: none;
font-weight: bold;
}

div#container div#homesidebar1 li.widget_twitter h3 {
width: 272px;
height: 52px;
overflow: hidden;
text-indent: -999px;
background: transparent url(img/twitter.png) top left no-repeat;
}

div#container div#homesidebar1 div#profile img {
float: left;
margin: 0 10px 0 0;
}

div#container div#homesidebar1 div#profile h3 {
font-size: 2em;
}

div#container div#homesidebar1 div.textwidget {
text-align: center;
}

/* Contact Form */

div#contacto-form {
background: #000;
}

div#contacto-form form {
width: 225px;
margin: 0 auto;
padding: 10px 0;
}

div#contacto-form form p {
font-size: .8em;
color: #fff;
margin-bottom: 10px;
}

div#contacto-form form input[type="submit"] {
background: #ef5a0b;
border: 1px solid #ef5a0b;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
text-shadow: 1px 1px 0px #000;
width: 70px;
height: 24px;
font-size: 1.2em;
display: block;
margin: 0 auto;
}

div#contacto-form form input[type="text"] {
height: 24px;
width: 225px;
font-size: 1.2em;
margin: 1px 7px 0 0;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div#contacto-form form img {
margin: 0 auto;
border: 1px solid #4b5056;
}

div#contacto-form form textarea {
height: 150px;
width: 225px;
font-size: 1.2em;
margin: 1px 7px 0 0;
border: 1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


/* Estilos texto */
div.entry-content p {
/* margin: 10px 0; > elimino para arreglar el margen de las fotos */
padding: 10px 5px;
}

div.entry-content strong {
font-weight: bold;
}

div.entry-content em {
font-style: italic;
}

div.entry-content h2 {
font-size: 1em;
font-weight: bold;
}

div.entry-content h3 {
font-weight: bold;
}

div.entry-content abbr, div.entry-content dfn, div.entry-content acronym {
border-bottom: 1px dotted;
}

div.entry-content a {
color: #ef5a0b;
}

div.entry-content object, div.entry-content embed, div.entry-content iframe {
margin: 0 auto;
text-align: center;
}

div.entry-content ul, div.entry-content dl {
margin: 10px 0 20px 20px;
}

div.entry-content ul li {
list-style: disc;
margin-bottom: 5px;
}

div.entry-content ol li {
margin-bottom: 5px;
}

div.entry-content dl dt {
margin-bottom: 5px;
font-weight: bold;
}

div.entry-content dl dd {
margin-bottom: 5px;
}

div.entry-content blockquote {
margin: 10px 0 20px 0;
padding-left: 20px;
border-left: 4px solid #ccc;
}

div.entry-content .alignright, #fotos-der {
float: right;
padding:5px;
}

div.entry-content .alignleft, #fotos-izq {
float: left;
}

div.entry-content .aligncenter, #fotos-cen {
text-align: center;
margin: 0 auto;
}

#fotos-cen, #fotos-izq, #fotos-der {
background: #eee;
border: 1px solid #999;
padding: 4px 2px;
font-size: .667em;
font-style: italic;
}

p.wp-caption-text {
background: #ffc2a3;
padding: 8px 10px;
margin: 0 10px 0 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-style: italic;
line-height: 1.2em;
}

div.wp-caption {
margin-bottom: 10px;
}

/* Fin estilos textos */